<template>
  <div style="border-bottom: 0.0625rem solid #E5E5E5;" class="marginTop5">
    <van-row class="hotCard">
      <van-col :span="22">
        <div style="color: #666;" class="fontSize16">{{itemData.applyName || '--'}}的加班申请</div>
        <div style="color: #666;" class="fontSize14">开始时间: {{itemData.startDate | formatDate('YYYY-MM-DD HH:mm')}}</div>
        <div style="color: #666;" class="fontSize14">结束时间: {{itemData.endDate | formatDate('YYYY-MM-DD HH:mm')}}</div>
      </van-col>
      <van-col :span="2">
        <van-icon style="line-height: 3.125rem;" name="arrow" />
      </van-col>
    </van-row>
    <van-row class="hotCardStatus">
      <van-col :span="12" style="text-align: left;">
        {{itemData.applyDate}}
      </van-col>
      <van-col :span="12" style="text-align: right;">
        <span v-if="itemData.checkStatus === '1'">待审批</span>
        <span v-else-if="itemData.checkStatus === '2'">已通过</span>
        <span v-else>已驳回</span>
      </van-col>
    </van-row>
  </div>
</template>
<script>
  export default {
    props: ['itemData'],
  }
</script>

<style scoped lang="scss">
  .hotCard{
    padding: 0.9375rem;
    font-size: 0.875rem;
    border-bottom: 0.0625rem dashed #E5E5E5;
  }
  .hotCardStatus{
    padding: 0.625rem 0.9375rem;
  }
</style>
